<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单提交</title>
    <#include "/include/common.ftl">
    <script language="javascript" type="text/javascript" src="/assets/lib/My97DatePicker/WdatePicker.js"></script>
</head>
<body>
<div class="row">
    <div class="col-md-4">
        <div class="panel panel-default">
            <div class="panel-heading">form提交</div>
            <div class="panel-body">
                <form class="form-horizontal" role="form" action="/mvc/formSub.htm" method="post">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">用户名</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="userName" value="86" placeholder="用户名">
                            <p class="text-muted">有值，文本框禁用，后台也无法接收</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">密码</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" name="password" placeholder="密码" value="56898"
                                   readonly="readonly">
                            <p class="text-muted">有值，文本框只读，后台可以接收</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">性别</label>
                        <div class="col-sm-10">
                        <#--  <#list sexes as sex>
                              <label class="radio-inline">
                                  <input type="radio" name="sex" id="inlineRadio1" value="${sex}">${sex}
                              </label>
                          </#list>-->
                            <label class="radio-inline">
                                <input type="radio" name="sex" id="inlineRadio1" value="man"> 男
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="sex" id="inlineRadio2" value="woman"> 女
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">爱好</label>
                        <div class="col-sm-10">
                            <input type="checkbox" name="hobbys" value="跑步" disabled="true"> 跑步
                            <input type="checkbox" name="hobbys" value="读书"> 读书
                            <input type="checkbox" name="hobbys" value="游戏" readonly="readonly"> 游戏
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">年龄</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="age">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">生日</label>
                        <div class="col-sm-10">
                            <input name="birthday" class="Wdate" width="200px" type="text"
                                   onClick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss'})">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">购物车项</label>
                        <div class="col-sm-10">
                            <li>
                                <input name="cartItemDtoList[0].productId" type="text" value="2931"/>
                                <input name="cartItemDtoList[0].cartItemId" type="text" value="265"/>
                            </li>
                            <li>
                                <input name="cartItemDtoList[1].productId" type="text" value="2931"/>
                                <input name="cartItemDtoList[1].cartItemId" type="text" value="265"/>
                            </li>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-default">submit</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div>
        后台数据<br/>
        用户名：  ${a.userName}<br/>
        性别：  ${a.sex}<br/>
        爱好： <#list a.hobbys as habby >
        ${habby}
    </#list><br/>
        年龄：${a.age}<br/>
        生日：${a.birthday}
        项：<#list a.cartItemDtoList as item>
        ${item.productId}
    </#list>
    </div>
</div>
<div class="col-md-4">
    注意事项：
    1、表单禁用后，数据不会提交到后台，
</div>
</body>
</html>